<html>
<head>
<style>
table {
  border-collapse:collapse;
}

td {
  border: 1px solid black;
  padding-left: 5px;
}
th {
  border: 1px solid black;
  padding-left: 5px;
}

td.button {
  border: none;
}

</style>
<script src="jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="blacklist.js" type="text/javascript"></script>
</head>
<body>
  <h2>
	  黑名单管理<div style="display:none;">(总数:<span id="count"></span>)</div>
  </h2>
  <div>
    <input id="add_text" type="text" style="width:300px;" placeholder="示例:http://my.oschina.net/xxx">
    <button id='add_btn'>✍新增</button>
	<span id="help" style="text-decoration:underline;color:gray;cursor:pointer;">怎么获取用户空间地址?</span>
	<br />
	<img id="help_img" src="img/help.png" style="width:500px; display:none; margin-top:5px;margin-bottom:5px;">
  </div>
  <br />
  <br />
  <div id='temp'></div>
  <table id="cookies">
	<thead>
	    <tr class="header">
	      <th style="width:300px;">用户空间地址</th>
	      <th style="width:80px;">操作</th>
	    </tr>
	</thead>
	<tbody id='template'>
		<tr style="display:none;">
			<td><a href='#url' target="_black">#url</a></td>
			<td><button class='del_btn' title='#url'>✘删除</button></td>
		</tr>
	</tbody>
  </body>
</html>
